﻿
$(function(){
	//点击搜索按钮隐藏和显示
	function clickShowHide(obj,Tar){
		$(obj).click(function(){
			$(Tar).toggle();
		});
	}
	
	//点击搜索按钮隐藏和显示搜索框
	clickShowHide('#isearch','#iwrite');
	
	
	
	//鼠标悬停在导航栏时显示隐藏的div
	$('.nav>ul li:not(:first-child),.nav>div').hover(function() {
		$('.nav>div').eq($(this).index()-1).show();
        $('.nav>ul li').eq($(this).index()).css('background','#0093D0');
        $('.nav>ul li').eq($(this).index()).find('a').css('color','white');
	},function(){
        $('.nav>ul li').eq($(this).index()).removeAttr('style');
        $('.nav>ul li').eq($(this).index()).find('a').removeAttr('style');
		$('.nav>div').hide();	
	});	
	
	
	//选项卡
	function tabctrl(obj,clas,odiv){
		$(obj).click(function(){
			$(this).addClass(clas).siblings(obj).removeClass(clas);
			$(odiv).eq($(this).index()).show().siblings(odiv).hide();
		})
	}
	//选项卡 预订 旅游......
	tabctrl('.mlss .left ul li','active','.mlss .right');
	//选项卡 酒店 用车......
	tabctrl('.mlss .yd .top ul li','active','.mlss .yd .bott');
	//选项卡  单程 往返..........
	tabctrl('.mlss .yd .air-tkt .way a:not(lastChild)','active','.mlss .yd .air-tkt .city');
	//选项卡 国内优惠机票 国际优惠机票......
	tabctrl('.flight .ticket a:not(lastChild)','active','.flight .show .show-ticket');
	//选项卡 国内优惠机票下的城市.....
	tabctrl('.show .inland .ticket-head ul li:not(lastChild)','active','.show .inland .ticket-body');
	//选项卡 国际优惠机票下的城市......
	tabctrl('.show .international .ticket-head ul li:not(lastChild)','active','.show .international .ticket-body');
	//选项卡  航班选择   单程 往返.....
	tabctrl('.flight-info .flight-way>a:not(:nth-child(3))','active','.flight-info .flight-place');
	
	/*
	//设置banner轮播图
	var i = 0 ;
	var timer;	
	  //用jquery方法设置第一张图片显示，其余隐藏
	  $('.ig').eq(0).show().siblings('.ig').hide();
	  //调用showTime()函数（轮播函数）
	  showTime();	   
	  //当鼠标经过下面的数字时，触发两个事件（鼠标悬停和鼠标离开）
	  $('.tab,.ig').hover(function(){
		//获取当前i的值，并显示，同时还要清除定时器
		i = $(this).index();
		Show();
		clearInterval(timer);
	  },function(){
		//
		showTime();
	  });
	//创建一个showTime函数
	function showTime(){
	  //定时器
	  timer = setInterval(function(){
		//调用一个Show()函数
		Show();
		i++;
		//当图片是最后一张的后面时，设置图片为第一张
		if(i==6){
		  i=0;
		}
	  },2000);

	} 	 
	//创建一个Show函数
	function Show(){
	  //在这里可以用其他jquery的动画
	    $('.ig').eq(i).fadeIn(300).siblings('.ig').fadeOut(300);
	  //给.tab创建一个新的Class为其添加一个新的样式，并且要在css代码中设置该样式
	  $('.tab').eq(i).addClass('bg').siblings('.tab').removeClass('bg');
	   
	}*/

		//设置banner轮播图
		function banner(img,pot){
			var i = 0 ;
			var timer;	
			  //用jquery方法设置第一张图片显示，其余隐藏
			  $(img).eq(0).show().siblings(img).hide();
			  //调用showTime()函数（轮播函数）
			  showTime();	   
			  //当鼠标经过下面的数字时，触发两个事件（鼠标悬停和鼠标离开）
			  $(img).hover(hoverr,showTime);
			  $(pot).hover(hoverr,showTime);
			  function hoverr(){
				//获取当前i的值，并显示，同时还要清除定时器
				i = $(this).index();
				Show();
				clearInterval(timer);
			  }
			//创建一个showTime函数
			function showTime(){
			  //定时器
			  timer = setInterval(function(){
				//调用一个Show()函数
				Show();
				i++;
				//当图片是最后一张的后面时，设置图片为第一张
				if(i==$(img).length){
				  i=0;
				}
			  },2000);

			} 	 
			//创建一个Show函数
			function Show(){
			  //在这里可以用其他jquery的动画
				$(img).eq(i).fadeIn(300).siblings(img).fadeOut(300);
			  //给.tab创建一个新的Class为其添加一个新的样式，并且要在css代码中设置该样式
			  $(pot).eq(i).addClass('bg').siblings(pot).removeClass('bg');
			}
		}
		banner('.ig','.tab');
		banner('.sho','.tb');
		banner('.act1','.trn');
})